<template>
	<div class="col-xs-offset-2 col-xs-8">
		<div class="page-header">
			<h4>Vue Router Banner</h4>
			<button @click="back">后退</button>
			<button @click="forward">前进</button>
			<button @click="test">测试一下go</button>
		</div>
	</div>
</template>

<script>

/*
* 直接通过 this.$router. 操作浏览器历史
* */
export default {
	name: 'Banner',
	methods: {
		back() {
			this.$router.back()
			// console.log(this.$router)
		},
		forward() {
			this.$router.forward()
		},
		test() {
			this.$router.go(3)
		}
	},
}
</script>